<template>
  <div class="home">
    <router-view></router-view>
    <div v-if="$route.meta.needTab">
      <van-tabbar route :placeholder="placeholder">
        <van-tabbar-item icon="wap-home-o" to="/home/page">
          <template #default>
            <div class="page">首页</div>
          </template>
        </van-tabbar-item>
        <van-tabbar-item icon="search" to="/home/question">
          <template #default>
            <div class="question">搜索</div>
          </template>
        </van-tabbar-item>
        <van-tabbar-item icon="video-o" to="/home/video">
          <template #default>
            <div class="video">视频</div>
          </template>
        </van-tabbar-item>
        <van-tabbar-item icon="manager-o" to="/home/user">
          <template #default>我的</template>
        </van-tabbar-item>
      </van-tabbar>
    </div>
  </div>
</template>

<script>
export default {
  name: 'home',
  data () {
    return {
      placeholder: true
    }
  }
}
</script>

<style></style>
